$(function() {
    $(".havearrow").hover(function() {
        $(this).children(".header_arrow").removeClass("icon-angle-down").addClass("icon-angle-up")
    }, function() {
        $(this).children(".header_arrow").removeClass("icon-angle-up").addClass("icon-angle-down")
    });
    $("#userName").hover(function() {
        $("#operateList").show();
    }, function() {
        $("#operateList").hide();
    });

    $("#viewOver").hover(function() {
        $("#viewList").show();
    }, function() {
        $("#viewList").hide();
    });
    /*弹出框开关*/
    $(".alert_checkbox").click(function(){
        if($(this).hasClass("check_open")){
            $(this).addClass("check_close").removeClass("check_open");
        }else{
            $(this).addClass("check_open").removeClass("check_close");
        }
    })
})
/*header*/
/*左侧导航列表*/
$(function() {
    $(".side_left_list_a").click(function() {
        $(".side_left_list_ul a").removeClass("addside_left_list_a");
        $(this).addClass("addside_left_list_a");
    })
    $(".side_left_list_a_sale").click(function() {
        $(".side_left_list_ul a").removeClass("addside_left_list_a");
        $(this).addClass("addside_left_list_a");
    })
})

/*通用下拉菜单*/
$(document).ready(function() {
    $(document).on('click','.titlist_wrap_tit',function(){
        if($(this).siblings("ul").is(":hidden")) {
            $(".curse_list_ul").hide();
            $(".titlist_wrap_tit").removeClass("addtitlistborder");
            $(".titlist_wrap_tit").find("i").removeClass("icon-angle-up").addClass("icon-angle-down");
            $(this).addClass("addtitlistborder");
            $(this).siblings("ul").slideDown(100);
            $(this).find("i").removeClass("icon-angle-down");
            $(this).find("i").addClass("icon-angle-up");
        } else {
            $(this).siblings("ul").slideUp(100);
            $(this).removeClass("addtitlistborder");
            $(this).find("i").removeClass("icon-angle-up");
            $(this).find("i").addClass("icon-angle-down");
        }
    })
    $(document).on('click','.curse_list_ul li a',function(){
        $(this).parent("li").siblings("li").children("a").removeClass("addcurse_list_a")
        $(this).addClass("addcurse_list_a");
        $(".curse_list_ul").hide();
        $(".titlist_wrap_tit").removeClass("addtitlistborder");
        $(".titlisticon").removeClass("icon-angle-up");
        $(".titlisticon").addClass("icon-angle-down");
    })

    $(function() {
        $(document).bind("click", function(e) {
            if($(e.target).closest(".curse_list_ul").length == 0 && $(e.target).closest(".titlist_wrap_tit").length == 0) {
                $(".curse_list_ul").hide();
                $(".titlist_wrap_tit").removeClass("addtitlistborder");
                $(".titlist_wrap_tit").find("i").removeClass("icon-angle-up").addClass("icon-angle-down");
            }
        })
        $(document).bind("click", function(e) {
            if($(e.target).closest(".alert_tdlist").length == 0) {
                $(".alert_ullist").hide();
            }
        })
    })

    /*表格筛选*/
    $(document).on('click','.have_paixu',function(){
        var icon = $(this).find("i");
        if(icon.hasClass("icon_downs")) {
            icon.removeClass("icon_downs").addClass("icon_ups");
        } else {
            icon.removeClass("icon_ups").addClass("icon_downs");
        }
    })
    /*表格下拉菜单*/
    $(document).on('click','.titlist_wrap_tit_table',function(){
        if($(this).siblings("ul").is(":hidden")) {
            $(".titlist_wrap_tit_table").children("i").removeClass("icon-angle-up").addClass("icon-angle-down");
            $(".table_ul").hide();
            $(this).siblings("ul").slideDown(100);
            $(this).children("i").removeClass("icon-angle-down");
            $(this).children("i").addClass("icon-angle-up");

        } else {
            $(this).siblings("ul").slideUp(100);
            $(this).children("i").removeClass("icon-angle-up");
            $(this).children("i").addClass("icon-angle-down");
        }
    })
    $(document).on('click','.table_ul li',function(){
        $(this).siblings("li").children("a").removeClass("addcurse_list_a")
        $(this).children("a").addClass("addcurse_list_a");
        $(".table_ul").hide();
        $(".titlist_wrap_tit").removeClass("addtitlistborder");
        $(".titlist_wrap_tit_table").children("i").removeClass("icon-angle-up");
        $(".titlist_wrap_tit_table").children("i").addClass("icon-angle-down");
    })

    $(function() {
        $(document).bind("click", function(e) {
            if($(e.target).closest(".table_ul").length == 0 && $(e.target).closest(".titlist_wrap_tit_table").length == 0) {
                $(".table_ul").hide();
                $(".titlist_wrap_tit_table").children("i").removeClass("icon-angle-up");
                $(".titlist_wrap_tit_table").children("i").addClass("icon-angle-down");
            }
        })
    })
})
$(function(){
    $("#new_btn").click(function() {
        ComOpenWin(1,"新建", "auto","auto", $('#new_alert,#nre_alert'), 1);
//				layer.open({
//					type: 1, //弹框模式，捕获层。
//					area:["auto","auto"], //弹框宽高
//					skin:"new_box_twobtn",
//					shade: [0.3, '#000'],//背景颜色
//					closeBtn: 1, //设置关闭按钮
//					shadeClose: true,//点击屏幕关闭弹框
//					fix: false,    //是否固定定位
//					scrollbar: true, //是否允许屏幕滚动
//					title: "新建",
//					content: $('#new_alert,#nre_alert'), //捕获的元素
//				});
    });
})
function left_rmove(){
    $(".Container_main").width('100%')
}
function right_rmove(){
    var left_width = $(".Container_left").width();
    $(".Container_main").width($(window).width()-left_width);
}
/*弹出框下拉菜单*/
$(document).on('click','.alert_select_int',function(){
    var this_select = $(this).siblings(".alert_select_wrap");
    var this_icon = $(this).siblings("i");
    if(this_select.is(":hidden")){
        $(".alert_select_wrap").hide();
        $(".alert_select_int").siblings("i").removeClass("icon-angle-up").addClass("icon-angle-down");
        this_select.show();
        this_icon.removeClass("icon-angle-down").addClass("icon-angle-up");
    }
    else{
        this_select.hide();
        this_icon.removeClass("icon-angle-up").addClass("icon-angle-down");
    }
})
$(document).on('click','.alert_select_wrap ul li a',function(){
    $(".alert_select_wrap").hide();
    $(".alert_select_int").siblings("i").removeClass("icon-angle-up").addClass("icon-angle-down");
})
$(function() {
    $(document).bind("click", function(e) {
        if($(e.target).closest(".alert_select_int").length == 0) {
            $(".alert_select_wrap").hide();
            $(".alert_select_int").siblings("i").removeClass("icon-angle-up").addClass("icon-angle-down");
        }
    })
    /*底部横线tab切换*/
    $(".manageTabul li a").click(function() {
        $(".manageTabul li a").removeClass("tabul_action");
        $(this).addClass("tabul_action");
        $(".goods_infowrap").hide();
        $("#" + $(this).attr("data")).show();
    })
    /*底部无横线tab切换*/
    $(".crm_tab li a").click(function() {
        $(this).parents(".crm_tab").find("a").removeClass("choice_tab_a");
        $(this).addClass("choice_tab_a");
        $(".crm_tab_content").hide();
        $("#" + $(this).attr("data")).show();
    })
})

function open_callbox(obj){
    if($("#telephoneCallBox").is(":hidden")){
        $("#telephoneCallBox").fadeIn(200);
        $(obj).children("i").removeClass("phonecall_arrow_close");
    }else{
        $("#telephoneCallBox").fadeOut(200);
        $(obj).children("i").addClass("phonecall_arrow_close");
    }
}
/*客服会话*/
$(function(){
    $(".headertalk").click(function(){
        $(".talk_item").height($(window).height()-160);
        if($(".talk_slide").is(":hidden")){
            $(".talk_slide").slideDown(300)
        }else{
            $(".talk_slide").hide();
            $(".talk_slide_search_iput").val("").hide();
        }
    })
    $("body").bind("click", function(e) {
        if($(e.target).closest(".headertalk").length == 0 && $(e.target).closest(".talk_slide").length == 0) {
            $(".talk_slide").hide();
            $(".talk_slide" , parent.document).hide()
            $(".talk_slide").hide();
            $(".talk_slide_search_iput").val("").hide();
            $(".talk_slide_search_iput" , parent.document).val("").hide();
        }
    })
    $(".talk_slide_search").click(function(){
        if($(".talk_slide_search_iput").css("display")=="none"){
            $(".talk_slide_search_iput").show()
        }else{
            $(".talk_slide_search_iput").hide()
            $(".talk_slide_search_iput").val("");

            userNameSearch();
        }

    })
    $(document).on('click','.talk_item li',function(){
        $(".talk_box_unselect li").removeClass("talk_unselect_action");
        if(!$("#talk_left"+$(this).attr("value"))[0]){
            $(".talk_box_unselect").prepend("<li id='talk_left"+$(this).attr("value")+"' value='"+$(this).attr("value")+"'>" +
                "<img src='"+$(this).find(".Customer_head img").attr("src")+"'><span>"+$(this).find(".Customer_name").html()+"</span>" +
                "<i class='closeChat icon-remove-sign' onclick='CloseCurrentUser()'></i></li>");
        }
        $("#talk_box_username").html($(this).find(".Customer_name").html());
        if($(this).hasClass("talk_item_gray")){
            $("#talk_box_0nline").html("(对方离线)");
            $("#talk_left"+$(this).attr("value")).addClass("talk_item_gray");
        }else{
            $("#talk_box_0nline").html("(对方在线)");
            $("#talk_left"+$(this).attr("value")).removeClass("talk_item_gray");
        }


        $("#talk_left"+$(this).attr("value")).addClass("talk_unselect_action");
        selToID=$(this).attr("value");
        getMessageList();
        layer.open({
            type: 1,
            title: "&#8203",
            closeBtn: 0,
            scrollbar: false,
            shade:0,
            skin: 'talk_crm', // 加上边框,
            area: ["800px", "auto"],
            content: $(".talk_box_wrap"),
            cancel: function() {
                layer.closeAll();
            }
        });
        try {
            $(YuFramemycustomer).find("#"+$(this).attr("value")).click();
        } catch (e) {
            // TODO: handle exception
        }

    })
    /*聊天的UI功能*/



    $(document).on("click",".talk_box_unselect li",function(){
        $(".talk_box_unselect li").removeClass("talk_unselect_action");
        $("#talk_left"+$(this).attr("value")).addClass("talk_unselect_action");
        $("#talk_box_username").html($(this).text());
        if($(this).hasClass("talk_item_gray")){
            $("#talk_box_0nline").html("(对方离线)");
        }else{
            $("#talk_box_0nline").html("(对方在线)");
        }


        selToID=$(this).attr("value");
        getMessageList();
        try {
            $(YuFramemycustomer).find("#"+$(this).attr("value")).click();
        } catch (e) {
            // TODO: handle exception
        }

    })
    //搜索框搜索
    $('.talk_slide_search_iput').bind('input propertychange', function() {
        userNameSearch($(this).val());
    });

    $(".talk_empty").click(function(){
        var prompt ='';
        var cancel = "<a onclick='mclose()' class=\"sure_btn1\">取消</a> ";
        prompt = "确定要清空所有会话列表吗?";
        var confirm = "<a onclick='delAllChat();mclose()'; class=\"sure_btn\">确定</a>";
        var html = "<div class='linepopup1'>" + prompt + "</div>" + cancel
            + confirm;
        ComOpenWin(1, "温馨提示", "480px", 'auto', html, 1);

    })
    //enter键发送
    $('#msgedit').keydown(function(e){
        if(e.keyCode==13){
            $(".talk_send").click();
        }
    });

})
function CloseTalkWin(){
    try {
        $(YuFramemycustomer).find("#talk_box_username").html("");
        $(YuFramemycustomer).find("#talk_box_0nline").html("");
        $(YuFramemycustomer).find("#nochoice_talking").show();
        YuFramemycustomer.selToID="";
    } catch (e) {
        // TODO: handle exception
    }


    selToID="";
    layer.closeAll();
    $(".talk_box_unselect").html("");
    getMessageList();
}

//关闭当前聊天
function CloseCurrentUser(){
    if($(".talk_box_unselect").children().length==1){
        try {
            $(YuFramemycustomer).find("#talk_box_username").html("");
            $(YuFramemycustomer).find("#talk_box_0nline").html("");
            $(YuFramemycustomer).find("#nochoice_talking").show();
            YuFramemycustomer.selToID="";
        } catch (e) {
            // TODO: handle exception
        }


        selToID="";
        layer.closeAll();
        $(".talk_box_unselect").html("");
        getMessageList();
    }else{
        $(".talk_box_unselect").find(".talk_unselect_action").remove();
        $(".talk_box_unselect li:first").addClass("talk_unselect_action");
        $("#talk_box_username").html($(".talk_box_unselect li:first").text());
        try {
            $(YuFramemycustomer).find("#talk_box_username").html($(".talk_box_unselect li:first").text());
        } catch (e) {
            // TODO: handle exception
        }

        if($(".talk_box_unselect li:first").hasClass("talk_item_gray")){
            $("#talk_box_0nline").html("(对方离线)");
            try {
                $(YuFramemycustomer).find("#talk_box_0nline").html("(对方离线)");
            } catch (e) {
                // TODO: handle exception
            }

        }else{
            $("#talk_box_0nline").html("(对方在线)");
            try {
                $(YuFramemycustomer).find("#talk_box_0nline").html("(对方在线)");
            } catch (e) {
                // TODO: handle exception
            }

        }




        selToID=$(".talk_box_unselect li:first").attr("value");
    }
    getMessageList();
}

//打开表情窗体
var showEmotionDialog = function () {
    $('#emoji').attr("onclick","turnoffFaces_box()");
    $("#emotionUL").empty();
    for (var index in webim.Emotions) {
        var emotions = $('<img>').attr({
            "id": webim.Emotions[index][0],
            "src": webim.Emotions[index][1],
            "style": "cursor:pointer;"
        }).click(function () {
            selectEmotionImg(this);
        });
        $('<li>').append(emotions).appendTo($('#emotionUL'));
    }
    $('#wl_faces_box').css({
        "display": "block"
    });
};
//表情选择div的关闭方法
var turnoffFaces_box = function () {
    $("#wl_faces_box").fadeOut("fast");
    $('#emoji').attr("onclick","showEmotionDialog()");
};
//选中表情
var selectEmotionImg = function (selImg) {
    var txt = document.getElementsByClassName("msgedit")[0];
    txt.value = txt.value + selImg.id;
    txt.focus();
    turnoffFaces_box();
};

